<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.js"></script>

</head>
<body>
    <form>
        <input placeholder="国家编码" name="countryNo" /><br /><br />
        <input placeholder="昵称" name="nickName" /><br /><br />
        <input placeholder="手机号" name="phone" id="phone" />
        <span></span>
        <br /><br />
        <input placeholder="密码" name="pwd" /><br /><br />
        <input id="regBtn" type="button" value="注册" />
    </form>

<script>
    $(f);

    function f(){
       $("#regBtn").click(regBtnClick);

        $("#phone").keyup(phoneKeyUp);

        $("#phone").next().hide();
    }



    function phoneKeyUp(){
        var phoneLen = $("#phone").val().length;

        if(phoneLen==11) {
            $.get("http://web7.hfbdqn.cn/shop/userphone",
                {phone: $("#phone").val()}, function (data) {
                    if (data == "true") {
                        console.log("可用！");
                        $("#phone").next().html("此号码可用");

                    } else {
                        console.log("不可用！");
                        $("#phone").next().html("此号码已经注册了");

                    }
                });
        }else{
            $("#phone").next().html("注意手机号码格式");
            $("#phone").next().show(300);
        }
    }

    // 验证手机号是否已经注册
    // http://web7.hfbdqn.cn/shop/userphone?phone=18255178159
    function regBtnClick(){
        // 表单序列化 将表单中要提交给服务器所有数据串成一个字符串
        var params = $("form").serialize();
        // jquery ajax
        $.post("http://web7.hfbdqn.cn/shop/adduser",
            params,function(data){
            if(data=="Saved"){
                alert('注册成功！')
                location = "9.html";
            }else{
                alert('注册失败！')
            }
        });
    }
</script>
</body>
</html>